<html>
<head>
    <title>购物车</title>
    <link rel="stylesheet" href="css/购物车.css">
</head>
<body>
    <div class="cartBox">
        <table>
            <tr class="title">
                <th colspan="3">全部商品3</th>
                <th colspan="5">
                    配送到:
                    <span>河南省平顶山职业技术学院</span>
                </th>
            </tr>
            <tr class="head">
                <td>
                    <input type="checkbox">
                </td>
                <td style="text-align: center;">全选</td>
                <td>商品</td>
                <td></td>
                <td style="text-align: center;">单价</td>
                <td style="text-align: center;">数量</td>
                <td style="text-align: center;">小计</td>
                <td style="text-align: center;">操作</td>
            </tr>
            <tr class="shop">
                <td>
                    <input type="checkbox">
                </td>
                <td colspan="7">
                    <a href="#">联想专卖店</a>
                </td>
            </tr>
                <tr class="goods">
                    <td><input type="checkbox"></td>
                    <td>
                        <img src="./img/y9000p.jpeg" width="70px" height="70px">
                    </td>
                    <td>
                        <span>
                            联想拯救者Y9000P <br>
                        </span>
                    </td>
                    <td>
                        <div>2.5K高色域IPS电竞屏</div>
                        <div>i9+3070ti冰魄白</div>
                    </td>
                    <td>
                        ￥11899.00
                    </td>
                    <td>
                        <div class="number">
                            <span>-</span>
                            <input type="number" value="1">
                            <span>+</span>
                        </div>
                    </td>
                    <td>
                        ￥11899.00
                    </td>
                    <td>
                        删除
                    </td>
                </tr>
                <tr class="shop">
                    <td>
                        <input type="checkbox">
                    </td>
                    <td colspan="7">
                        <a href="#">swich专卖店</a>
                    </td>
                </tr>
                    <tr class="goods">
                        <td><input type="checkbox"></td>
                        <td>
                            <img src="./img/swich.jpeg" width="70px" height="70px">
                        </td>
                        <td>
                            <span>
                                任天堂NintendoSwitch oled游戏机
                            </span>
                        </td>
                        <td>
                            <div>续航版</div>
                            <div>日版白色</div>
                        </td>
                        <td>
                            ¥2199.00
                        </td>
                        <td>
                            <div class="number">
                                <span>-</span>
                                <input type="number" value="1">
                                <span>+</span>
                            </div>
                        </td>
                        <td>
                            ¥2199.00
                        </td>
                        <td>
                            删除
                        </td>
                    </tr>
                    <tr class="shop">
                        <td>
                            <input type="checkbox">
                        </td>
                        <td colspan="7">
                            <a href="#">万代手办</a>
                        </td>
                    </tr>
                        <tr class="goods">
                            <td><input type="checkbox"></td>
                            <td>
                                <img src="./img/九喇嘛.jpeg" width="70px" height="70px"> 
                            </td>
                            <td>
                                <span>
                                    万代火影忍者手办九尾九喇嘛
                                </span>
                            </td>
                            <td>
                                <div>九喇嘛</div>
                                <div>默认</div>
                            </td>
                            <td>
                                ￥2629.00
                            </td>
                            <td>
                                <div class="number">
                                    <span>-</span>
                                    <input type="number" value="1">
                                    <span>+</span>
                                </div>
                            </td>
                            <td>
                             ￥2629.00
                            </td>
                            <td>
                                删除
                            </td>
                        </tr>
        </table>
        <div class="js">
             <div>
                <input type="checkbox">
             </div>
            <div>全选</div>
            <div>删除选中</div>
            <div>移入关注</div>
            <div>清理购物车</div>
            <div></div>
            <div>
                已选择<span>3</span>有商品
            </div>
            <div>
                总价:<span>16727.00</span>
            </div>
            <div>去结算</div>
        </div>
    </div>
</body>
</html>